<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
	<head>
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<jsp:include page="title.jsp"></jsp:include>
		<link href="css/portal_css.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery-1.js" type="text/javascript"></script>
		<script src="js/jquery_002.js" type="text/javascript"></script>
		<script src="js/Jquery.js" type="text/javascript"></script>
		<script type="text/javascript">
			var os=navigator.platform.toLowerCase();
			var uant=navigator.userAgent.toLowerCase();
			if(uant.indexOf("android")>0||os=="iphone"){
				location.href="news_detail_mobile?id="+GetQueryString("id");
			}
			function GetQueryString(name)
			{
			     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
			     var r = window.location.search.substr(1).match(reg);
			     if(r!=null)return  unescape(r[2]); return null;
			}
			function onload(){
				var isExists=$("#isExists").val();
				if(isExists!="1"){
					$("#newstitle").html("新闻不存在或已被删除");
					$("#titleimg").hide();
					$("#prenews").hide();
					$("#nextnews").hide();
				}else
				{
					if($("#syp").val()==""){
						$("#prenews").hide();
					}
					if($("#xyp").val()==""){
						$("#nextnews").hide();
					}
				}
				if($("#titleimg img").attr("src")=="/")
				{
					$("#titleimg").hide();
				}
			}
		</script>
	</head>
	<body onload="onload()">
		<script src="js/easydialog.min.js" type="text/javascript"></script>
		<script type="text/javascript">
    var ww_top = $(window).width();
    var hh_top = $(window).height();
//    function showweixin() {
//        var top = $("#imageweixin").offset().top;
//        var toppx = (parseInt(top) + 33)
//        $("#weixindiv").css("top", "" + toppx + "px");
//        
//        $('#weixindiv').show();
//    }
    function hideweixin() {
        $('#weixindiv').hide()
    }
    function texiao() {
        var m = $(".menu");
    }
    $(
        function () {
            window.onresize = topc;
            topc();
            hh_top = $(window).height();
            
            $('.menu').hover(function () {
                $('.span1', this).stop().css({ "height": "2px", "top": "" + (parseInt(hh_top * 0.087 / 2) + 14) + "px" });
                $('.span1', this).animate({
                    top: "" + parseInt(hh_top * 0.087) - 2 + "px"
                }, 500);
            }, function () {
                $('.span1', this).stop().animate({
                    top: "" + (parseInt(hh_top * 0.087 / 2) + 14) + "px",
                    height: '0'
                }, 0);
            });
        }
    )
</script>
		<script type="text/javascript">
    $(document).ready(function () {
        loadpage();
        
    })
    function sjbgclick() {
       var rmb = $("#userName").val();//getCookie("bigdata_pcuserid");
        if (rmb!=""&&rmb != null) {
            location.href = "loginSub";
        }
        else {
            ShowLogin();
            changeImage();
            $('#sjbg').val(1)
        }
    }
    </script>
		
		<jsp:include page="portalHead.jsp"></jsp:include>
		<div id="divcontent" style="background-color:#efefef;margin:auto">
			<div style="float:left;width:12.5%;height:150px"></div>
			<div id="wenzhanglist" style="float:left;width:50%">
				<div class="jiange" style="width:100%"></div>
				<div  style="width:100%;background-color:#fff">
					<div class="newsdetailContent">
						<div class="em40 widthall"></div>
						<div id="newstitle"  class="em30 widthall font25">
							${article.item_title}
							<input type="hidden" value="${exists}" id="isExists" />
							<input type="hidden" value="${id}" id="id" />
						</div>
						<div id="jiange" class="em30 widthall"></div>
						<div class="em30 widthall">
							${article.date}
						</div>
						<div class="em10 widthall"></div>
						<div id="titleimg" class="em450 widthall">
							<img src="${articlePath}/${article.pic}" style="width:100%;height:100%" />
						</div>
						<div class="em10 widthall"></div>
						<div id="newsmain" class="widthall">
							${article.item_desc}
						</div>
						<div class="em50 widthall"></div>
						<div class="em30 widthall"></div>
						<div id="prenews" class="em30 widthall gray">上一篇：<a class="gray" href="news_detail?id=${previousId}">${previousNews }</a><input type="hidden" id="syp" value="${previousId}"/></div>
						<div id="nextnews" class="em30 widthall gray">下一篇：<a class="gray" href="news_detail?id=${nextId}">${nextNews}</a><input type="hidden" id="xyp" value="${nextId}"/></div>
						<div class="em50 widthall"></div>
						<div class="em40 widthall"></div>
					</div>
				</div>
				<div class="jiange" style="width:100%"></div>
			</div>
			<div style="float:left;width:1.6%;height:150px"></div>
			<div id="titlelist" style="float:left;width:23.4%">
				<div class="jiange" style="width:100%"></div>
				<div class="titleranking newsdiv">
					<div class="titleheader">
						<div class="leftcolor"></div>
						<div class="righttitle">
							<div class="headcenter">
								<div class="floatleft font25">热点排行</div>
								<div class="floatright click font16">全部</div>
							</div>
						</div>
					</div>
					<c:forEach items="${hotlist}" var="hotlist">
						<div class="rightlistcontent">
							<div class="rightlistin">
								<div class="floatleft font20">
									<a class="gray" href="news_detail?id=${hotlist.item_id}" target="_blank">${hotlist.item_title}</a>
								</div>
								<div class="floatright font20 gray">${hotlist.date}</div>
							</div>
						</div>
					</c:forEach>
				</div>
			</div>
			<div style="float:left;width:12.5%;height:150px"></div>
			<div style="clear:both"></div>
			<div class="jiange" style="width:100%"></div>
		</div>
		<div style="clear:both"></div>
		
		<jsp:include page="footer.jsp"></jsp:include>

	<input type="hidden" value="${userName}" id="userName" />
	</body>
</html>